白话es6系列二：你真的会声明变量吗

ES6新增了二个声明变量的关键字，let和const，再加上ES6之前的var，这样声明变量就有三个关键字了，大有三国鼎立之势。那到底用哪个来声明变量呢？

var

首先，得说说var的特殊行为，变量提升，来看一个例子：

var condition = false

if (condition) {
  var value = 'red'
  console.log(value)
} else {
  // value 在这里可以访问，值为undefined
  console.log(value)
}

在上面代码中，即使condition为false，变量value也是存在的，相当于如下定义：

var condition = false
var value

if (condition) {
  value = 'red'
  console.log(value)
} else {
  // value 在这里可以访问，值为undefined
  console.log(value)
}

就是说，使用var关键字声明的变量，无论其实际声明位置在何处，都会被视为声明于所在函数的顶部（如果声明不在函数内，则视为在全局作用域的顶部），这就是变量提升。

对这种特殊行为，如果你不理解，就很可能导致bug。我们来看一个循环的例子：

for (var i = 0; i < 6; i++) {
  console.log(i)
}

// i 在这里依旧可以访问
console.log(i)  // 6

for循环完了，已经不再需要变量i，但是它依旧可以被访问。

所以，ES6引入了块级作用域，让变量的生命周期更加可控，于是，let出现了。

块级声明-let

我们来看看用let声明的代码：

var condition = false

if (condition) {
  let value = 'red'
  console.log(value)
} else {
  // value 在这里不可以访问，会报错
  console.log(value)
}

由于变量value声明使用的是let，所以就没有被提升到函数定义的顶部，变量value在if代码块外部是无法访问的。当condition的值为false 时，该变量不会被声明并初始化。
如果上面的那个for循环中用let声明变量i，那么循环完了，变量i也就随时销毁，不能再被访问。

常量声明-const

使用const声明的变量会被认为是常量（constant），意味着它们的值在被设置完成后就不能再被改变，常量声明与let声明一样，都是块级声明。
来看个小例子：

const num = 12
num = 13 // 报错

const obj = { name: 'moddx', age: 28 };
obj.age = 26 // 正常

上面用const声明了一个变量num，当重新给其赋值时会报错，而变量obj初始化之后，再将其age属性改变，不会报错，因为对象是一个引用类型，其指向的内存中的地址是没有被改变的，除非将其重新赋值给一个新对象，就会报错，如下：

const obj = { name: 'moddx', age: 28 };
obj = { name: 'foo' } // 报错

总结

说了这么多，那到底时候用什么关键字来声明呢？就没有一个标准或者约定俗成的习惯吗？
目前，被广泛认可的变量声明方式是：默认情况下应当使用const，当你确定声明的变量需要改变时，用let声明。其依据是大部分变量在初始化之后都不应当被修改，因为预期外的改动是bug的源头之一。（那var呢？好吧，基本被抛弃了）